<template>
  <uni-popup ref="popup" type="center" style="z-index: 910">
    <view class="box column">
      <view>恭喜您 兑换成功</view>
      <view>我们提供福利品配送服务</view>
      <view style="color:#FF6E2A;margin:10rpx auto 20rpx;">请添加客服微信领取</view>
      <image :src="invitation3" mode=""></image>
      <view style="margin:10rpx auto 20rpx;font-size: 26rpx;">长按识别二维码添加客服微信</view>
      <view @click="telCall('400-109-1606')" style="font-size: 24rpx;">联系电话：400-109-1606</view>
    </view>
  </uni-popup>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import { invitation3 } from '@/utils/Static';
  import { telCall } from '@/utils/copyText';
  const popup = ref(null)
  function open() {
    popup.value.open();
  }
  function close() {
    popup.value.close();
  }
  defineExpose({
    open,
    close,
  });
</script>

<style scoped lang="less">
  .box {
    width: 600rpx;
    height: 640rpx;
    background: linear-gradient(180deg, #64D5FB, #2BA2FE);
    border-radius: 20rpx;
    color: #fff;

    image {
      width: 280rpx;
      height: 280rpx;
      background: #8D8D8D;
      border: 5px solid #fff;
    }
  }
</style>